@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0;}
body { font-family:"微软雅黑", Arial; font-size:12px; color:#0ca9b3;}
fieldset, img { border:0; background:none;}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; border:none; background:none;} 
textarea { resize:none; }
a{color:#666; text-decoration:none; }
a:hover {text-decoration:none; color:#666; }
.clearfix:after{content:""; visibility:hidden; height:0; display:block; clear:both;}
.clearfix{zoom:1;}

/*首页*/

.section1{overflow:hidden; height:100%; z-index:1}
.section1 .bg{ width:100%; height:100%; position:absolute; z-index:1; left:0px; top:0px;}
.section1 .bg img{ width:100%; height:100%;}
.section1 .pic{ position:absolute; width:1070px; top:50%; height:40%; margin-top:-10%; left:50%; margin-left:-535px; z-index:2; text-align:center}
.section1 .pic .pic1{ position:absolute; top:0px; width:100%}
.section1 .pic .pic2{ position:absolute; bottom:0px;width:100%}

.mouse{position:absolute; z-index:9999; width:75px; height:75px; bottom:5%; left:50%; margin-left:-37px; cursor:pointer}
.mouse .arrow{width:75px; height:38px; background:url(../images/ban-4.png) no-repeat; overflow:hidden; position:absolute; bottom:0px;left:50%; margin-left:-37px;}

.section2{ background:#fff; overflow:hidden; z-index:3}
.section3{overflow:hidden; z-index:4}
.section4{overflow:hidden; z-index:5}
.section5{overflow:hidden; z-index:6;background:#f2f2f2;}


.main{width: 100%;
background: #e6e6e6;
height: 26%;
position: absolute;
top: 83px;z-index:4}
.main-bx{width:1062px; margin:0 auto;}
.main-bx ul li{float: left;
text-align: center;
padding:40px 40px 0 0;}
.main-bx ul li .img{width: 85px;
height: 88px;
display: block;
text-align: center;
margin: 0 auto; position:relative; cursor: pointer;}
.main-bx ul li .img img{width:100%; height:100%; position:absolute; top:0; left:0;}
.main-bx ul li .img:hover .da{ z-index:99}
.main-bx ul .no1{padding-right:0;}
.main-bx li h6{ color:#666; font-size:16.35px; font-weight:normal; margin:8px 0 5px 0;}
.main-bx li p{ font-family: Arial;
font-size: 11.67px;
color: #218c94;
line-height: 13px;}
.main1{width: 100%;
margin: 0 auto;
height: 63%;
background: #fff url(../images/The-triangle.png) no-repeat top center;
position: absolute;
top: 26%;z-index:4;
margin-top: 83px;
}
.main1-bx{width:1062px; margin:0 auto;}
.main1-bx .main1-bx-z{float:left; padding-top:60px;}

.main1-bx .hangqing h5,.main1-bx .main1-bx-y h5{background:url(../images/zoushi.png) no-repeat; padding-left:69px; font-family:Arial; font-size:20px; font-weight:normal; height:66px; margin-bottom:30px; color:#0ca5af;text-align:left; cursor:pointer;}
.main1-bx .hangqing h5:hover{background:url(../images/zoushi-2.png) no-repeat;}


.main1-bx .jiaoge h5{background:url(../images/rili.png) no-repeat; padding-left:69px; font-family:Arial; font-size:20px; font-weight:normal; height:66px; margin-bottom:30px; color:#0ca5af;text-align:left; cursor:pointer;}
.main1-bx .jiaoge h5:hover{background:url(../images/rili-2.png) no-repeat;}

.main1-bx .main1-bx-z h5 span,.main1-bx .main1-bx-y h5 span{ font-family:"微软雅黑"; font-weight:700;}
.main1-bx .main1-bx-y{float:right; padding-top:60px;margin-right: -10px;}
.main1-bx .main1-bx-z .img2{width:525px; height:308px;}
.main1-bx .main1-bx-y .img2{width:500px; height:308px;}
.main1-bx .main1-bx-z .img2 img,.main1-bx .main1-bx-y .img2 img{width:100%;}



.main-01{width:1062px; position:absolute; left:50%; margin-left:-506px; top:50%; margin-top:-275px;}
.main-01 ul{ width:100%; float:left}
.main-01 ul li{float:left;margin-right:5px; width:320px; height:auto;}

.main-01 ul li .img3 img{width:100%; height:100%;}
.main-01 li .xwlb{height:320px; width:300px; padding:9px 10px 0; margin-top:5px;position:relative; background:#f6f6f6;}
.main-01 li .xwlb h4{font-family:Arial; font-size:18.5px;font-weight:normal;}
.main-01 li .xwlb .p{ font-size:20px; font-weight:bold; margin:5px 0 10px 0; }
.main-01 li .xwlb .span{ font-size:12px; color:#666; line-height:20px; border-bottom:1px solid #808080; cursor:pointer; height:40px;padding:6px 0px}
.main-01 li .xwlb .bd{border-top:1px solid #808080;}
.main-01 li .xwlb .span a{display: block;;float: left;}
.main-01 li .xwlb .span span{width: 100%;overflow: hidden;float: left;height: 20px}
.main-01 li .xwlb .span font{ font-family:Arial; color:#0ca5af;float: right;}
.main-01 li .xwlb .a1{position:absolute; right:22px; bottom:-31px;}
.main-01 li .xwlb .a1 img{ display:block}



.main1-bx .main1-bx-z h5 span,.main1-bx .main1-bx-y h5 span{ font-family:"微软雅黑"; font-weight:700;}
.main1-bx .main1-bx-z .qh1{ font-size:16px;padding-right:2px; cursor:pointer; padding-bottom:20px; display:inline-block;}
.main1-bx .main1-bx-z .current{color:#333;}
.main1-bx .main1-bx-z em b{background:#0ca6b0;color: #fff;padding:3px 5px; font-weight: normal;}
.main1-bx .main1-bx-z .current b{color:#fff;background: #ff7701}

.main1-bx .main1-bx-z .qh-fsx .qu2{font-size:14px; color:#565656; cursor:pointer; padding-right:8px;padding-bottom:20px; display:inline-block;}
.main1-bx .main1-bx-z .qh-fsx .current{color:#0ca6b0;}
.main1-bx .main1-bx-z .qh-fsx em{color:#565656; padding-right:8px}
.main1-bx .main1-bx-y{float:right; padding-top:60px;}
.main1-bx .main1-bx-z .img2{width:525px; height:308px;}
.main1-bx .main1-bx-y .img2{width:500px; height:308px;}
.main1-bx .main1-bx-z .img2 img,.main1-bx .main1-bx-y .img2 img{width:100%;}


.main-02{width:100%; height:100%; background:url(../images/ban-bj2.jpg) no-repeat center; background-size:cover;}
.main-02-bx{width:1062px; position:absolute;left:50%;top:50%; margin-left:-531px; margin-top:-205px;}
.main-02-bx h3{ font-size:24px; padding-left:15px; padding-bottom:10px}
.main-02-bx h3 span{font-family:Arial; font-weight:normal;}
.main-02-bx .main-02-bx-z{float:left;}
.main-02-bx .main-02-bx-z h6,.main-02-bx .main-02-bx-y h6.z{ font-size:20px; background:url(../images/main-2.png) no-repeat left 5px; padding-left:140px; font-weight:normal; margin-top:44px; width:370px;}
.main-02-bx .main-02-bx-z h6,.main-02-bx .main-02-bx-y h6{height: 156px;}
.main-02-bx .main-02-bx-z .h6,.main-02-bx .main-02-bx-y .h6{margin-top:65px;}

.main-02-bx .main-02-bx-z h6 p,.main-02-bx .main-02-bx-y h6.z p{ font-size:13px; line-height:20px; margin-top:17px;}
.main-02-bx .main-02-bx-z h6 p span,.main-02-bx .main-02-bx-y h6.z p span{color:#fff;}
.main-02-bx .main-02-bx-y h6 p span,.main-02-bx .main-02-bx-y h6.z p span{color:#fff; line-height: 20px;}

.main-02-bx .main-02-bx-z h6 div a,.main-02-bx .main-02-bx-y h6.z div a{ display:inline-block; width:85px; height:22px; background:url(../images/btn.png) no-repeat; margin:10px 7px 0 0; font-size:12px; color:#0ca9b3; line-height:21px; text-align:center;}
.main-02-bx .main-02-bx-y h6 div a,.main-02-bx .main-02-bx-y h6.z div a{ display:inline-block; width:85px; height:22px; background:url(../images/btn.png) no-repeat; margin:10px 7px 0 0; font-size:12px; color:#0ca9b3; line-height:21px; text-align:center;}

.main-02-bx .main-02-bx-y{float:right;}
.main-02-bx .main-02-bx-y h6{ font-size:20px; background:url(../images/pg.png) no-repeat left 5px; padding-left:130px; font-weight:normal; margin-top:44px;}
.main-02-bx .main-02-bx-y .az{background:url(../images/az.png)no-repeat left 5px; padding-left: 140px; width: 370px}
.main-02-bx .main-02-bx-y h6 em{font-family:Arial;}
.main-02-bx .main-02-bx-y h6 p{font-size:14px; margin-top:10px;}
.main-02-bx .main-02-bx-y h6 div{font-size:13px; line-height:20px; width:370px;}
.main-02-bx .main-02-bx-y h6 div span{color:#fff;}
.main-02-bx .main-02-bx-y h6 div.z a{position:relative;display:inline-block; width:85px; height:22px; background:url(../images/btn.png) no-repeat; margin:10px 21px 0 0; font-size:12px; color:#0ca9b3; line-height:21px; text-align: center;}
.main-02-bx .main-02-bx-y h6 div.z a span{ position:absolute; top:-100px; left:0; display:block; width:100px; height:100px; display:none;}
.main-02-bx .main-02-bx-y h6 div.z a span img{ width:100%; height:100%;}
.main-02-bx .main-02-bx-y h6 div.z a:hover span{ display:block;}





.main-03{width:100%; height:100px; background:#e2e2e2; border-top:1px solid #e2e2e2; margin-top:83px;}
.main-03 .main-03-bx{width:100%; margin:0 auto; text-align: center;}

.main-03 .main-03-bx img{  display: block; margin:20px auto;}


.foot-nav{width:100%; height:368px; background:#f2f2f2; padding-top:73px;}
.foot-nav-bx{width:1062px; margin:0 auto;}
.foot-nav-bx .foot-1 p,.foot-nav-bx .foot-2 p{font-family:Arial; color:#666; font-weight:700; font-size:15px;}
.foot-nav-bx .foot-1{float:left; margin-right:25px;}
.foot-nav-bx .foot-1 ul{margin-top:20px;}
.foot-nav-bx .foot-1 .no1{margin-top:40px;}
.foot-nav-bx .foot-1 ul li{ background:url(../images/foot-li-bj.jpg) no-repeat 0 8px; padding-left:11px; margin-bottom:8px;}
.foot-nav-bx .foot-1 ul li a{ font-size:14.45px; color:#666;}
.foot-nav-bx .foot-1 ul li a:hover{color:#0ca9b3;}
.foot-nav-bx .foot-2{float:left;}
.foot-nav-bx .foot-2 ul li{background:url(../images/tubiao1.png) no-repeat 0 6px; padding-left:46px; font-size:14.45px; color:#666; margin-top:31px; line-height:23px;}
.foot-nav-bx .foot-2 ul .li2{background:url(../images/tubiao2.png) no-repeat 0 6px; margin-top:10px;}
.foot-nav-bx .foot-2 dl{width: 100%;padding-top: 20px}
.foot-nav-bx .foot-2 dl dt{float: left;padding-left: 45px;color: #666;width: 98px}
.foot-nav-bx .foot-2 dl dt img{display: block;float: left;}
.foot-nav-bx .foot-2 dl dt span{display: block;float: left;width:100%;text-align: center;line-height: 40px; font-size:14px;}



.bottom{width:100%; height:52px; background:#2c2f36; border-top:1px solid #8f9194; position:absolute; bottom:0px;}
.bottom-bx{ width:1000px; margin:0 auto;text-align:center; line-height:52px; font-size:14.45px;}

.clearfix:after{content:""; visibility:hidden; height:0; display:block; clear:both;}
.clearfix{zoom:1;}
#rl{width: 446px}
.rl{position:relative;}
#box{width:100%; position:relative; margin:0 auto; overflow:hidden;height: 368px;}
.kuang{width:5798px; position:absolute; top:0; left:0;}
.kuang ul li{float:left;width: 446px;}
.kuang ul li img{ display:block; margin:0 auto;width: 100%}
#left,#right{ width: 32px; height: 32px; background: url(../images/left.png) no-repeat; position: absolute; top:160px; left:50%; margin-left:-273px;}
#right{ background:url(../images/right.png) no-repeat; margin-left:180px;}

@media screen and (max-height:860px) {
#rl{width: 396px}
.kuang{width:5148px;}
.kuang ul li{float:left;width: 396px;}
#left,#right{top: 130px;margin-left:-248px;}
#right{margin-left:165px;}
	/*头部*/
.nav-bx{width:1100px;}
.nav-bx ul li a{font-size:15px; color:#fff; padding:0px 16px;}

	
	/*第一屏*/
.section1 .bg img{ width:100%; height:100%;}
.section1 .pic{ position:absolute; width:980px; top:50%; height:40%; margin-top:-10%; left:50%; margin-left:-493px; z-index:2; text-align:center;}


.mouse{position:absolute; z-index:9999; width:60px; height:60px; bottom:5%; left:50%; margin-left:-37px; cursor:pointer}
.mouse .arrow{width:75px; height:38px; background:url(images/ban-4.png) no-repeat; overflow:hidden; position:absolute; bottom:0px;left:50%; margin-left:-37px;}
	/*第二屏*/ 
.main-bx{width:1062px; margin:0 auto;}
.main1-bx{width:1062px;}
.main-bx ul li{ padding-top:20px}
.main1-bx .main1-bx-z{ padding-top:35px;width: 48%;}
.main1-bx .main1-bx-y{ padding-top:35px;}
.main-bx ul li .img{width: 75px;height: 78px;}
.main-bx li h6{ font-size:15px; margin:6px 0 3px 0;}
.main-bx li p{ font-size: 12px;line-height: 10px;}
.main-bx ul li{padding:25px 40px 0 0;}

.main1{margin-top: 76px;}
.main1-bx .main1-bx-z h5,.main1-bx .main1-bx-y h5{ font-size:18px; font-weight:normal; height:66px; margin-bottom:25px; width:140px; }
.main1-bx .main1-bx-z .img2{width:500px; height:285px;}
.main1-bx .main1-bx-y .img2{width:480px; height:285px;}
.main1-bx .main1-bx-z .img2 img,.main1-bx .main1-bx-y .img2 img{width:100%;}
/*第三屏*/
.main-01{width:980px;margin-top:-300px;}
.main-01 ul li .img3{width:320px; height:180px;}

.main-01 li .xwlb h4{ font-size:18px;}
.main-01 li .xwlb .p{ font-size:19px;  margin:2px 0 7px 0; }
.main-01 li .xwlb .span{  line-height:17px; height:35px;padding:6px 0px}
.main-01 li .xwlb .span a{display: block;;float: left;}
.main-01 li .xwlb .span span{width: 100%;overflow: hidden;float: left;height: 17px}
.main-01 li .xwlb .span font{float: right;}
.main-01 li .xwlb .a1{position:absolute; right:22px; bottom:-31px;width: 48px;height: 48px;}
.main-01 li .xwlb .a1 img{ display:block; width:100%; height:100%;}
/*第四屏*/
.main-02-bx{width:980px; margin-left:-490px; margin-top:-205px;}


.main-02-bx .main-02-bx-z h6,.main-02-bx .main-02-bx-z h6.a{ font-size:18px;  padding-left:130px; margin-top:27px; width:350px; background:url(../images/ywjs1.png) no-repeat left 5px;}
.main-02-bx .main-02-bx-z h6,.main-02-bx .main-02-bx-z h6.b{ font-size:18px;  padding-left:130px; margin-top:27px; width:350px; background:url(../images/ywjs2.png) no-repeat left 5px;}

.main-02-bx .main-02-bx-y h6,.main-02-bx .main-02-bx-y h6.c{ font-size:18px;  padding-left:130px; margin-top:27px; width:350px; background:url(../images/ywjs3.png) no-repeat left 5px;}
.main-02-bx .main-02-bx-y h6,.main-02-bx .main-02-bx-y h6.d{ font-size:18px;  padding-left:130px; margin-top:27px; width:350px; background:url(../images/ywjs4.png) no-repeat left 5px;}


.main-02-bx .h6{ margin-top:40px;}
.main-02-bx .main-02-bx-z h6 p,.main-02-bx .main-02-bx-y h6.z p{ font-size:12px; line-height:19px; margin-top:15px;}
.main-02-bx .main-02-bx-y h6{ font-size:18px; background:url(../images/pg-2.png) no-repeat left 5px; padding-left:120px;  margin-top:27px;}
.main-02-bx .main-02-bx-y .az{background:url(../images/az-2.png) no-repeat left 5px;width:350px;padding-left: 130px;}
.main-02-bx .main-02-bx-y .az_ios{background:url(../images/main-2-2_s.png) no-repeat left 5px;width:350px;padding-left: 130px;}

.main-02-bx .main-02-bx-y h6 p{font-size:12px; margin-top:10px;}
.main-02-bx .main-02-bx-y h6 div{font-size:12px; line-height:19px;width:328px;}
.main-02-bx .main-02-bx-z h6,.main-02-bx .main-02-bx-y h6{height: 147px;}
.main-02-bx .main-02-bx-z .h6,.main-02-bx .main-02-bx-y .h6{margin-top:40px;}

/*第五屏*/


.main-03 .main-03-bx{width:980px; margin:0 auto; }

.main-03 .main-03-bx img{ width:100%;display: block; margin:25px auto;}


.foot-nav{width:100%; height:61%; background:#f2f2f2; padding-top:4%;}
.foot-nav-bx{width:980px;}
.foot-nav-bx .foot-1 p,.foot-nav-bx .foot-2 p{ font-size:14px;}
.foot-nav-bx .foot-1{ margin-right:20px;}
.foot-nav-bx .foot-1 ul{margin-top:20px;}
.foot-nav-bx .foot-1 .no1{margin-top:37px;}
.foot-nav-bx .foot-1 ul li{ background:url(../images/foot-li-bj.jpg) no-repeat 0 8px; padding-left:11px; margin-bottom:8px;}
.foot-nav-bx .foot-1 ul li a{ font-size:14.45px; color:#666;}
.foot-nav-bx .foot-2{float:right;}
.foot-nav-bx .foot-2 ul li{background:url(../images/tubiao1.png) no-repeat 0 6px; padding-left:30px; font-size:14px; color:#666; margin-top:31px; line-height:23px;}
.foot-nav-bx .foot-2 ul .li2{background:url(../images/tubiao2.png) no-repeat 0 6px; margin-top:10px;}
.foot-nav-bx .foot-2 dl{width: 100%;padding-top: 20px}
.foot-nav-bx .foot-2 dl dt{float: left;padding-left:30px;color: #666;width:98px}
.foot-nav-bx .foot-2 dl dt img{display: block;float: left;width: 100%}
.foot-nav-bx .foot-2 dl dt span{display: block;float: left;width:100%;text-align: center;line-height:25px; font-size:14px;}



.bottom{width:100%; height:50px; background:#2c2f36; border-top:1px solid #8f9194; position:absolute; bottom:0px;}
.bottom-bx{ width:1000px; margin:0 auto;text-align:center; line-height:50px; font-size:14px;}

}